﻿@charset "utf-8";
/*basic*/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a, img, th, td, form, fieldset, iframe, object, pre, code, legend, blockquote {
border:0 none;
margin:0;
outline:0 none;
padding:0;
list-style-type:none;
}
html{ font-size:16px; }
body{color:#333;font-size:16px;font-family:"Microsoft yahei";}
a{ color:#333; text-decoration:none;}
.body{ background:#fff;}
.box{ max-width:640px; margin:0 auto;}
.yellow{ color:yellow;}
.body h2{ font-size:1rem; color:#fff; font-weight:200; text-indent:1.5rem; height:2.875rem;line-height:2.4rem;
background:url(../../../images/ShuaLian//title_bg.png) no-repeat center left; background-size:auto 100%; margin-bottom:0.5rem; margin-top:0.625rem;}
.main{ width:100%; overflow:hidden; padding-bottom:1.5rem;}
.main h3{ width:10.6rem; height:10.6rem; margin:0 auto;  overflow:hidden; margin-bottom:1rem;  text-align:center;position:relative; padding:0.4rem;}
.main h3 img{ vertical-align:middle;}
.photo{ width:100%; height:100%;}
.photo img{width: 100%;height: 100%; border-radius:50%; vertical-align:middle; box-shadow:0px 0px 0.4rem #666;}
.upload{ width:9.6rem; height:9.6rem; position:absolute; top:0px; left:0px; overflow:hidden; padding:0.5rem;
  background-image: -webkit-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),-webkit-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%);
  background-image: linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%);
  background-size: 16px 16px;
  background-position: 0 0,8px 8px;}
.upload_bg{position: absolute;z-index: 2; left:50%; top:50%; margin:-4.8rem 0px 0px -4.8rem;
width:9.6rem; height:9.6rem;
border-radius: 100%;box-shadow: 0 0 0 3rem rgba(0,0,0,0.6);}
.upload_content{ width:9.6rem; height:9.6rem;vertical-align:middle; position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto;}
.upload_content img{ position:absolute; top:0px; left:0px;}
.main_font{ text-align:center; font-size:0.75rem; color:#fff; position:relative; height:1.6rem; line-height:1.6rem;width:10.6rem; margin:0 auto 0.5rem auto;}
.main_font img{ width:1.4rem; position:absolute; top:0.2rem; left:0px; animation:slide_img 2s linear infinite;-webkit-animation:slide_img 2s linear infinite;}
.slide{ width:13.88rem; margin:0 auto 3.36rem auto; overflow:hidden; height:20px; line-height:20px;}
.slide li{ float:left; height:20px; overflow:hidden;}
.slide li img{ float:left;}
.slide li:nth-child(1){ width:10%; text-align:left;}
.slide li:nth-child(1) img{ margin-top:8px;}
.slide li:nth-child(2){ width:80%; position:relative;}
.slide li:nth-child(3){ width:10%;text-align:right;}
.slide li:nth-child(3) img{ float:right;}
.slide li input{ outline:none;}
.slide_bg{ width:100%; height:5px; border-radius:5px; background:#fff; margin-top:7.5px;}
.circle{ width:18px; height:18px; background:#fff; border-radius:50%; position:absolute; top:0px; left:0px;}
@keyframes slide_img{
	0%{ left:0rem;}
	50%{ left:1rem;}
	100%{ left:0rem;}
	}
@-webkit-keyframes slide_img{
	0%{ left:0rem;}
	50%{ left:1rem;}
	100%{ left:0rem;}
	}	
.main_font02{width:13.88rem; margin:0 auto; text-align:center; margin-bottom:0.2rem;}
.main_font02 a{ display:inline-block; width:5rem; height:1.8rem; line-height:1.8rem; color:#fff;font-size:0.875rem;border-radius:5px; text-align:center;}
.main_font02 a:first-child{ background:#820400; margin-right:0.7rem; border-bottom:2px solid #42210B;}
.main_font02 a:first-child:hover{background:#42210B;}
.main_font02 a:last-child{ background:#fff; color:#333;border-bottom:2px solid #B3B3B3;}
.main_font02 a:last-child:hover{background:#B3B3B3;}
.main_font03{ text-align:center; font-size:0.875rem;  color:#fff; line-height:2rem; margin-bottom:1.5rem;}	
.main_font04{width:11rem; margin:0 auto; text-align:center; height:1.875rem; line-height:1.875rem; background:#FFFF00; color:#42210B; border-radius:5px;
margin-bottom:0.5rem; font-size:0.875rem;border-bottom:0.0625rem solid #42210B; font-weight:bold;}
.main_font04 img{ width:0.875rem; margin:0.15rem 0.3125rem 0rem 0rem;}
.main_font05{ margin:0 auto; width:9rem; font-size:0.75rem; height:1rem; line-height:1rem; color:#fff; position:relative; padding:0px 1rem; text-align:center; margin-bottom:0.3rem;}	
.main_font05:before{ content:""; width:0; height:0; border-top:0.44rem solid transparent;border-bottom:0.44rem solid transparent;border-left:0.44rem solid #fff; position:absolute; top:0.15rem; left:0px;}	
.main_font05:after{ content:""; width:0; height:0; border-top:0.44rem solid transparent;border-bottom:0.44rem solid transparent;border-right:0.44rem solid #fff; position:absolute; top:0.15rem; right:0px;}		
.main_font06{ margin:0 auto; width:9rem; font-size:0.875rem; color:#fff; position:relative; padding:0px 1rem; text-align:center;margin-bottom:0.3rem;}	
.main_font06 img{ position:absolute; right:0rem;top:0.8rem;}
.footer{ height:3.75rem; background:url(../../../images/ShuaLian/footer_bg.png) no-repeat center; background-size:100% 100%; text-align:center; overflow:hidden;}
.footer a{ display:inline-block; height:1.875rem; width:11rem; background:#B50100; border-radius:5px; color:#fff; line-height:1.875rem; font-size:0.75rem;
border-bottom:0.125rem solid #5D0000; margin-top:0.875rem; position:relative;}
.footer a img{ position:absolute; top:1.875rem; left:-0.8rem; width:0.8rem;}
.result{ text-align:center; color:#fff; margin-bottom:1rem;}
.result img{ width:100%; vertical-align:middle;}
.hongbao{ margin-bottom:1rem;}
.hongbao a{ display:block;color:#42210B;}
.bg01{ background:url(../../../images/ShuaLian/bg01.jpg) no-repeat center; background-size:100% 100%; overflow:hidden;}
.bg02{ background:url(../../../images/ShuaLian/bg02.jpg) no-repeat center; background-size:100% 100%; overflow:hidden; min-height:34.34rem;}
.footer02{background:url(../../../images/ShuaLian/footer_bg02.png) no-repeat center; background-size:100% 100%;}

/**share**/
.share{background:rgba(0, 0, 0, 0.6);height: 100%;left: 0;position: absolute;top: 0;width: 100%; max-width:640px;z-index:9999; display:none;
color:#fff;}
.share h3{ text-align:right; padding:1.84rem 1.84rem 0px 0px;}
.share h3 img{ width:4.75rem; vertical-align:middle;}
.share p{ padding-left:2.375rem; color:#fff; text-align:left; font-size:1.125rem; line-height:2.4rem;}
@media screen and (min-width:640px){
html{ font-size:32px;}	
.share{left:50%;margin-left:-320px;display:none;}
	}	
@media screen and (min-width:620px) and (max-width:639px){
html{ font-size:32px;}	
	}
@media screen and (min-width:580px) and (max-width:619px){
html{ font-size:30px;}	
	}
@media screen and (min-width:540px) and (max-width:579px){
html{ font-size:26px;}	
	}
@media screen and (min-width:480px) and (max-width:539px){
html{ font-size:24px;}	
	}		
@media screen and (min-width:440px) and (max-width:479px){
html{ font-size:22px;}	
	}	
@media screen and (min-width:400px) and (max-width:439px){
html{ font-size:20px;}	
	}	
@media screen and (min-width:360px) and (max-width:399px){
html{ font-size:18px;}	
	}
